<div class="site-topbar">
    <div class="container">
        <ul class="topbar-nav">
            <li>小米商城</li>
            <li>MIUI</li>
            <li>loT</li>
            <li>云服务</li>
            <li>天星数科</li>
            <li>有品</li>
            <li>小爱开放平台</li>
            <li>企业团购</li>
            <li>资质证照</li>
            <li>协议规则</li>
            <li>下载app</li>
            <li>智能生活</li>
            <li>Select Location</li>
        </ul>
        <div class="cart">
            <i class="iconfont icon-cart"></i>
            <span>购物车</span>
            <span>(0)</span>
        </div>                                  
        <ul class="userInfo">
            <li><a href="/html/login.html">登录</a></li>
            <li><a href="/html/register.html">注册</a></li>
            <li><a href="">消息通知</a></li>
        </ul>
    </div>
</div>
<div class="nav-container">
    <div class="logo"></div>
    <div class="nav">
        <ul class="list">
            <li>小米手机</li>
            <li>Redmi红米</li>
            <li>电视</li>
            <li>笔记本</li>
            <li>家电</li>
            <li>路由器</li>
            <li>智能硬件</li>
            <li>服务</li>
            <li>社区</li>
        </ul>
    </div>
    <div class="search">
        <form>
            <input type="text">
            <div class="search-bar">
                <i class="iconfont icon-search"></i>
            </div>
        </form>
    </div>
</div>